@import '../layout/mini-post';
@import '../page/search';
@import '../page/archive';
@import '../page/about';
@import '../page/404';

body {
    @media screen and (min-width: $mq-desktop) {
        .page__posts {
            margin-top: -2 * $pad;
            margin-right: -2 * $pad;

            .page__post {
                width: 300px;
            }
        }
    }

    @media screen and (min-width: $mq-desktop--wide) {
        .page__posts {

            .page__post {
                width: 290px;
            }
        }
    }
}

.page__posts {
    margin-top: -2 * $pad;
    margin-right: 0;
}

.page__post {
    float: left;
    width: 100%;
    margin-top: 2 * $pad;
    margin-right: 2 * $pad;
}

.post__cover{
    img{max-width: 100%;}
}
